<template>
	<!-- 表单封装 -->
	<el-form inline="inline" :model="form" ref="form" label-width="100px">
	  <el-form-item v-for="item in formLabel" :key="item.model" :label="item.label">
		  <!-- 循环绑定数据 -->
	    <el-input v-model="form[item.model]" :placeholder="'请输入'+item.label" v-if="!item.type"></el-input>
		<!-- 下拉框 -->
		<el-select v-model="form[item.model]" placeholder="请选择"  v-if="item.type === 'select'" >
		    <el-option
		      v-for="item in item.options"
		      :key="item.value"
		      :label="item.label"
		      :value="item.value"
			>
		    </el-option>
		</el-select>
		<!-- 按钮 -->
		<el-switch v-model="form[item.model]"  v-if="item.type === 'switch'" ></el-switch>
		<!-- 日期选择器 -->
		<!-- 日期格式 value-format="yyyy-MM-dd" -->
		<el-date-picker
		      v-model="form[item.model]"
		      type="date"
		      placeholder="选择日期"
			  v-if="item.type === 'date'"
			  value-format="yyyy-MM-dd"
			  >
		    </el-date-picker>
	  </el-form-item>
	  <el-form-item>
		  <!-- 插槽 -->
		  <slot></slot>
	  </el-form-item>
	</el-form>  
</template>

<script>
	export default{
		//接受来自父组件的数据
		props:{
			form:Object,
			formLabel:Array,
			inline:Boolean  //表单是否为横向
		}
	}
</script>

<style>
</style>
